.clear {clear:both;height:1%;font-size:20px;}
.l {border-left:2px solid #ccc;border-right:2px solid #fff;}
.lr1 {width:1px;height:120px;border-left:2px solid #ccc;}
.lr2 {width:1px;height:62px;border-left:2px solid #ccc;margin-top:-4px}
.wt {height:120px; background-color:#fff;border-top:2px solid #ccc}
.wb {height:60px; background-color:#fff;border-bottom:2px solid   #ccc; margin-top:-4px;border-left:2px solid #ccc;border-right:2px solid #fff;text-align:center;}
.bl {width:22px; height:120px; background-color:#000;border:2px solid #ccc}
.w12 {width:18px;}
.w14 {width:24px;}
.w19 {width:34px;}
.w20 {width:36px;}
.w23 {width:40px;}
.gap {height:8px;}
.indent {margin-left:20px;}
.small {font-size:80%;}
#keybd {width:100%;background-color:gray;padding:2px;margin:5px;border-top:1px solid #000;border-bottom:1px solid #000;}
#key {float:left;margin-top:10px;}
#chord {float:left;margin-top:10px;width:160px;}
#formula {float:left;margin-top:10px;padding:0 10px;width:160px;margin-left:5px;border-left:1px solid #000;}


/*
Root
+3;+5;+1;+2

Root;1/2;Root


.w12 {width:9px;}
.w14 {width:12px;}
.w19 {width:17px;}
.w20 {width:18px;}
.w23 {width:20px;}


*/

.vbox {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
 
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-box-align: stretch;
 
        display: box;
        box-orient: vertical;
        box-align: stretch;
}

.end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
}

.center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
}